<template>
  <div>
    <button @click="btn">点击提示框出现</button>
    <van-dialog v-model="isShow" title="提示"></van-dialog>
  </div>
</template>

<script>
// 方式1: 文档说Dialog可以当做方法直接使用, Dialog() 就会在页面上出现弹出框
// 方式2: 引入, 注册, v-model变量控制van-dialog弹出框组件显示/隐藏, 按钮里写逻辑

import { Dialog } from "vant";
// import Button from 'vant/lib/button';
// import 'vant/lib/button/style';
import Vue from 'vue'
Vue.use(Dialog) // 全局注册Dialog组件

export default {
  data(){
    return {
      isShow: false
    }
  },
  methods: {
    btn() {
      // Dialog({ message: "提示" });
      this.isShow = true
    },
  },
  // components: {
  //   'van-button': Button,
  //   [Button.name]: Button
  // }
};
</script>

<style>
</style>